<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单
        将本地数据提交服务器的方式之一
    -->
    <!-- form 表单
        action:必须的 指定表单要提交的地址
    -->
    <form action="target.html">
        <!-- 添加表单项 -->
        <!-- 文本框  
            注意 数据呀提交到服务器中，必须要为元素指定一个name    
        -->
        文本框<input type="text" name="username">
        <br><br>
        密码框<input type="password" name="password">
        <br><br>
        <!-- 单选按钮 
            必须指定一个value属性，value属性最终会为用户填写值
            checked 可以将单选按钮设置为默认选中
        -->
        单选框<input type="radio" name="hello" value="a">
        <input type="radio" name="hello" value="b" checked>

        <br>
        <!-- 多选框 -->
        多选框<input type="checkbox" name="hai" value="0">
        <input type="checkbox" name="hai" value="1">
        <input type="checkbox" name="hai" value="2">
        <input type="checkbox" name="hai" value="3">
        <br>
        <!-- 下拉列表 -->
        <select name="haha">
            <option value="i">选项1</option>
            <option value="ii">选项2</option>
            <option value="iii">选项3</option>
            <option value="iiii">选项4</option>
        </select>
        <!-- 提交按钮 -->
        <input type="submit" value="登录">
    </form>
    
</body>
</html>